@charset "utf-8";

.index-container{width:100%;height:980px;}
.index-container .swiper-slide{}
.index-container .swiper-slide video{object-fit: contain;}
.index-container .swiper-slide .icon{width:98px;height:98px;background:url(/images/video-icon.png) no-repeat center center/cover;position:absolute;left:50%;top:50%;margin:-49px 0px 0px -49px;z-index:5;cursor:pointer;display:none;}
.index-container .swiper-slide .bg-box{position:absolute;left:0;top:0;width:100%;height:100%;background-repeat:no-repeat;background-size:cover;background-position:center center;transition:transform 5.4s;-webkit-transition:transform 5.4s;-moz-transition:transform 5.4s;}
.index-container .swiper-slide.swiper-slide-active .bg-box{transform:scale(1.2);-webkit-transform:scale(1.2);}
.index-container .swiper-slide .m-bg{display:none;}
.index-container .swiper-slide .content{position:absolute;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);left:0;right:0;margin:auto;max-width:1500px;}
.index-container .swiper-slide .content .left{max-width:600px;display:table;}
.index-container .swiper-slide .content .left > div{display:table-cell;vertical-align:middle;}
.index-container .swiper-slide .content .left .title{font-size:60px;font-weight:bold;color:#fff;}
.index-container .swiper-slide .content .left .line{width:10px;height:3px;background:#fff;margin:40px 0;}
.index-container .swiper-slide .content .left .ms{color:#bfc9df;line-height:24px;font-size:16px;}
.index-container .arrow{width:74px;height:74px;background:url(/images/banner-arrow.png) no-repeat left top;margin-top:-37px;}
.index-container .arrow.swiper-button-left{background-position:left top;left:50px;}
.index-container .arrow.swiper-button-right{background-position:right top;right:50px;}
.index-container .swiper-pagination{bottom:50px;}
.index-container .swiper-pagination span{width:13px;height:13px;opacity:1;background:none;border-radius:100%;border:1px solid #fff;}
.index-container .swiper-pagination span.swiper-pagination-bullet-active{background:#ffffff;border:1px solid #ffffff;}

@media screen and (min-width:1024px) {
    .index-container .arrow.swiper-button-left:hover{background-position:left bottom;}
    .index-container .arrow.swiper-button-right:hover{background-position:right bottom;}
	
	 
}
@media screen and (max-width:1600px) {
    .index-container .swiper-slide .content{padding:0px 40px;max-width:900px;}
}
@media screen and (max-width:1367px) {
    .index-container .swiper-slide .content .left .title{font-size:30px;}
    .index-container .swiper-slide .content img{max-width:70%;float:right;}
    .index-container .swiper-pagination{bottom:60px !important;}
}
@media screen and (max-width:1025px) {
    .index-container .swiper-slide .icon{width:40px;height:40px;margin:-20px 0px 0px -20px;display:block;}
    .index-container .swiper-slide .content{padding:0px 20px;}
    .index-container .swiper-slide .content .left{height:auto !important;}
    .index-container .swiper-slide .content .left .title{font-size:20px;}
    .index-container .swiper-slide .content .left .line{margin:20px 0;}
    .index-container .swiper-slide .content .left .ms{line-height:22px;color:#fff;font-size:14px;}
    .index-container .swiper-slide .content .img{margin-top:20px;}
    .index-container .swiper-slide .content .img img{max-width:70%;margin:0 auto;float:none;}

    .index-container .swiper-pagination{bottom:20px !important;}
    .index-container .swiper-pagination span{width:8px;height:8px;}

    .index-container .arrow{width:25px;height:25px;background-size:50px 50px;margin-top:-25px;}
    .index-container .arrow.swiper-button-left{left:15px;}
    .index-container .arrow.swiper-button-right{right:15px;}
}
@media screen and (max-width:769px) {
    .index-container .swiper-slide .content{top:30%;}
    .index-container .swiper-slide .m-bg{display:block;}
    .index-container .swiper-slide .pc-bg{display:none;}
	
	.index-container{width:100%;height:460px;}
}
 
@media screen and (max-width:480px) {
    .index-container .swiper-slide .content{top:30%;}
    .index-container .swiper-slide .m-bg{display:block;}
    .index-container .swiper-slide .pc-bg{display:none;}
	
	.index-container{width:100%;height:260px;}
}